@font-face
{
	font-family: TXWHZGBJT;
	src: url('../css/碳纤维汉真广标简体.ttf');
	     // url('Sansation_Light.eot'); /* IE9+ */
}
.kk_index{
	padding-bottom: 100px;
	.nav{
		width: 935px;
		margin: 20px auto 15px auto;
		overflow: hidden;
		.kk_logo{
			float: left;
			img{
				width: 175px;
				height: 53px;
			}
		}
		nav{
			float: right;
			margin-top: 30px;
			a{
				overflow: hidden;
				display: inline-block;
				height: 21px;
				border-left: 1px solid #5443C9;
				color: #5443C9;
				padding: 0 15px;
				font-family: TXWHZGBJT;
				font-weight: normal;
				span{
					position: relative;
					display: inline-block;
					text-align: center;
					transition: transform 0.3s;
				}
				span::before{
					position: absolute;
					top: 100%;
					content: attr(data-hover);
					font-weight: bold;
					transform: translate3d(0,0,0);
				}
			}
			a:nth-child(6){
				border-right: 1px solid #5443C9;
			}
			a:hover{
				span{
					transform: translateY(-100%);
				}
			}
		}
	}
	.banner{
		// max-width: 1920px;
		background: rgb(81,51,201);
		ul{
			width: 1200px;
			height: 530px;
			margin: 0 auto;
			li{
				img{

				}
			}
		}
	}
	.middle_top{
		width: 1200px;
		margin: 0 auto;
		margin-top: 20px;
		overflow: hidden;
		.kk_announcement{
			float: left;
			.title{
				img{
					width: 860px;
					height: 45px;
				}
			}
			ul{
				li{
					margin-top: 18px;
					a{
						span:nth-child(1){
							color: #5846CB;
							margin-left: 20px;
						}
						span:nth-child(2){
							color: #868686;
							margin-left: 15px;
							letter-spacing: 3px;
						}
					}
					a:hover{
						span{
							color: #5846CB;
						}
						
					}
				}
			}
		}
		.personal_account{
			float: right;
			.title{
				img{
					width: 300px;
					height: 40px;
				}
			}
			.classify{
				width: 300px;
				margin-top: 20px;
				overflow: hidden;
				a{
					display: inline-block;
					margin-bottom: 15px;
					width: 145px;
					height: 36px;
					background-image: url('../img/index/index_personal_btn_bg.png');
					background-repeat: no-repeat;
					background-size: 100% 100%;
					font-family: TXWHZGBJT;
					color: white;
					line-height: 36px;
					text-align: center;
					letter-spacing: 2px;
				}
				a:hover{
					background-image: url('../img/index/index_personal_account_btn_active_bg.png');
					color: rgb(81,61,201);
				}
				a:nth-child(2n){
					float: right;
					width: 145px;
					height: 36px;
					img{
						width: 100%;
						height: 100%;
					}
				}
			}
			.sale_information{
				width: 300px;
				height: 140px;
				background-color: #CFCFCF;
			}
		}
	}
	.middle{
		width: 1200px;
		margin: 0 auto;
		margin-top: 40px;
		.game_list{
			.title{
				img{
					width: 1200px;
					height: 45px;
				}
			}
			.classify{
				padding-left: 20px;
				ul{
					overflow: hidden;
					margin-top: 20px;
					li{
						float: left;
					}
					li:nth-child(2),li:nth-child(3),li:nth-child(4),li:nth-child(5),li:nth-child(6){
						margin-left: 13px;
						img{
							width: 180px;
							height: 180px;
						}
					}
				}
			}
		}
	}
	.middle_bottom{
		width: 1200px;
		margin: 0 auto;
		margin-top: 25px;
		overflow: hidden;
		div{
			float: left;
			margin-left: 37px;
			.title{
				img{
					width: 375px;
					height: 45px;
				}
			}
			.text{
				padding-left: 10px;
				li{
					margin-top: 20px;
					a{
						display: inline-block;
						color: #656565;
						width: 280px;
						overflow: hidden;
					    white-space: nowrap;
					    text-overflow: ellipsis;
					}
				}
			}
			.pic{
				margin-top: 15px;
				li{
					display: none;
					img{
						width: 370px;
						height: 180px;
					}
				}
				li:nth-child(1){
					display: block;
				}
			}
		}
		div:nth-child(1){
			margin-left: 0;
		}
	}
}